<template>
  <div class="device-detail-page-top">
    <DeviceDetailCard :device="device" />
  </div>
</template>

<script lang="ts">
import DeviceDetailCard from "@/components/cards/DeviceDetailCard.vue";
import { CloudDevice } from "model";
import { defineComponent, PropType } from "vue";

export default defineComponent({
  name: "DeviceDetailPageTop",
  components: {
    DeviceDetailCard,
  },
  props: {
    device: {
      type: Object as PropType<CloudDevice>,
      required: true,
    },
  },
  setup() {
    return {};
  },
});
</script>

<style scoped lang="scss"></style>
